import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core';
import * as R from 'ramda';

const $ = jQuery

@Component({
  selector: 'app-fancybox',
  templateUrl: './fancybox.component.html',
  styleUrls: [ './fancybox.component.scss' ]
})
export class FancyboxComponent implements OnInit, AfterViewInit {
  @ViewChild('list') list

  items = R.range(0, 10)

  constructor() {
  }

  ngOnInit() {
    console.log('in OnInit', $(this.list.nativeElement).children())
  }

  ngAfterViewInit() {
    console.log('in AfterViewInit', $(this.list.nativeElement).children())
  }

}
